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Fascículo  3 

Arquitectura  de  sitios  web 


Cuaderno  5:  Requerimientos  técnicos  de  los  contenidos  web 


Decisiones  técnicas  sobre  los  contenidos  web 

Cuando  armamos  una  página  web,  además  de  seleccionar  los  contenidos  más 
adecuados  a  los  fines  y  objetivos  del  sitio,  debemos  tener  en  cuenta  ciertas  nece¬ 
sidades  y  requisitos  técnicos  que  son  fundamentales  para  la  calidad  y  performance 
de  la  página.  Las  decisiones  técnicas  que  debemos  tomar  con  respecto  al  conte¬ 
nido  son  muchas:  estructuración  de  la  información,  estructura  de  las  carpetas  en 
el  servidor,  tipo  de  archivo  y  tamaño  de  las  imágenes  y  fotografías  y  vínculos  para 
descargas  de  archivos  imprimibles. 


Estructuración  de  la  información 

Al  momento  de  pensar  la  estructura  de  la  información  en  una  página  web  es  im¬ 
portante  diseñar,  ya  sea  en  papel  o  a  través  de  algún  recurso  tecnológico,  un  or¬ 
ganigrama  con  todas  las  secciones  que  queremos  publicar.  Esto  incluye  la  distri¬ 
bución  de  texto,  imágenes,  vínculos  y  otras  herramientas.  Las  estructuras 
más  comunes  para  organizar  la  información  son  cuatro,  veremos  las  característi¬ 
cas  generales  de  cada  una. 

Estructura  en  árbol 


Esta  estructura  se  diseña  a  partir  de  una  página  principal  que  se  vincula  con 
otras  páginas  con  menor  nivel  de  jerarquía:  esta  línea  jerárquica  se  reitera 
cuantas  veces  sea  necesario.  Esta  estructura  era  muy  utilizada  en  los  inicios  de  la 
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Web;  sin  embargo,  hoy  no  es  recomendada  para  páginas  con  mucha  información, 
ya  que  la  estructura  en  árbol  implica  que  para  ver  cierta  información  debemos 
atravesar  todas  las  páginas  de  mayor  jerarquía  que  la  precedan. 

En  conclusión,  esta  estructura  solo  es  recomendada  para  páginas  con  muy  poca 
información. 

Estructura  lineal 


No  es  una  estructura  que  se  utilice  muy  a  menudo  en  páginas  web,  sin  embargo 
dado  que  no  es  jerárquica  pero  implica  una  secuencialidad  lineal  y  única,  es 

muy  utilizada  en  páginas  que  presentan  manuales  o  cursos,  dado  que  el  usuario 
debe  recorrer  forzosamente  una  secuencia  de  páginas. 

Estructura  mixta 


Es  una  estructura  que  combina  la  estructura  en  árbol  y  la  lineal.  Esta 
estructuración  permite  una  organización  jerárquica  en  algunos  niveles,  y  una 
organización  lineal  en  otros.  Esta  estructuración  facilita  mucho  la  navegabilidad 
de  una  página,  ya  que  permite  recorrer  diferentes  secciones  sin  necesidad  de 
volver  a  la  página  de  inicio. 

Estructura  en  red 
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La  estructura  en  red  es  actualmente  la  más  utilizada,  ya  que  permite  que  todas 
las  páginas  estén  interconectadas  entre  sí,  por  lo  tanto  es  una  estructura 
mucho  más  compleja  y  menos  organizada.  Hay  que  tener  en  consideración  que  la 
planificación  de  este  tipo  de  estructura  se  debe  realizar  con  minuciosidad,  para 
evitar  que  el  usuario  se  pierda  en  la  navegación. 


i 


El  mapa  de  sitio  refleja  la  estructura  de  información  por  medio 
de  la  cual  está  conformada  una  página  web,  y  permite  al  usuario 
saber  dónde  encontrar  determinada  sección  o  información. 


» 


Además  de  la  estructura  de  la  información  al  nivel  de  la  página  o  sitio  web,  debemos 
tener  en  cuenta  que  la  información  y  los  contenidos  que  se  publiquen  también 
deben  respetar  una  cierta  estructura.  Cuando  se  habla  de  desarrollo  para 
contenidos  web  se  identifica  una  serie  de  recomendaciones  básicas: 

■  Los  contenidos  de  un  sitio  web  se  organizan  en  forma  piramidal:  esto  implica  que 
la  información  más  actualizada  o  más  importante  debe  situarse  en  un  primer  nivel. 

■  Se  deben  destacar  los  títulos,  los  enlaces  a  otras  páginas,  los  enlaces  a  sec¬ 
ciones  propias,  los  archivos  para  descarga,  etcétera. 

■  El  texto  debe  estar  escrito  de  forma  tal  que  el  lector  pueda  saber  de  qué  trata 
el  contenido  sin  necesidad  de  leer  por  completo  la  información.  Esto  puede  lo¬ 
grarse  con  una  buena  selección  de  títulos  y  subtítulos,  palabras  clave  des¬ 
tacadas,  párrafos  breves,  etcétera. 


Estructuras  de  carpetas  en  el  servidor 

Así  como  la  estructura  de  la  información  del  sitio  es  indispensable  para  que  los 
usuarios  comprendan  y  encuentren  aquello  que  les  interesa,  organizar  la  estructura 
de  carpetas  en  nuestro  servidor  es  indispensable  para  poder  gestionar  la  página 
en  perfecto  funcionamiento. 


■  Lo  primero  que  se  recomienda  es  crear  una  _  p¿g¡nñ  v.fv'eb 

carpeta  con  el  nombre  del  proyecto  o  página 
web. 


■  Al  interior  de  la  carpeta  principal,  es  preciso 
crear  carpetas  por  cada  sección  del  sitio. 


Artículos  de  opinión 


0  I^J  Mi  Página  Web 

©  £3 

&  Noticias 
Novedades 
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■  Dentro  de  las  carpetas  de  cada  sección,  se 
debe  clasificar  el  tipo  de  archivo,  por  ejem¬ 
plo:  imágenes,  xml,  html,  etc. 


□  (Si  Mi  Página  Web 


0  Si  Artículos  de  opinión 


HTML 


Si  imágenes 

Si  xml 


Características  técnicas  de  las  imágenes,  fotografías  y  videos 

Una  de  las  grandes  ventajas  que  tienen  los  soportes  multimediales  -como  la 
Web-  es  la  posibilidad  de  brindar  a  los  usuarios  información  a  través  de  diferentes 
vías:  textos,  imágenes,  audios,  videos.  Existen  referencias  técnicas  a  tener  en 
cuenta  al  incorporar  imágenes  y  videos  en  una  página  web. 

Existen  dos  formas  de  insertar  fotografías:  una  es  agregando  el  archivo  al 
servidor,  y  la  otra  es  embebiendo  una  URL  de  otra  página.  A  continuación 
veremos  las  características  de  cada  una  y  sus  ventajas  y  desventajas. 


Cargar  imágenes  y  fotografías  en  nuestro  servidor 

Si  decidimos  cargar  las  imágenes  en  nuestro  servidor,  lo  primero  que  tenemos  que 
considerar  es  que  tanto  las  fotografías  como  las  ilustraciones  tienen  derechos 
de  autor,  por  lo  tanto  aquellas  que  seleccionemos  para  nuestra  página  deben: 

■  Contar  con  algún  tipo  de  licencia  libre,  o 

■  ser  desarrolladas  por  nosotros  mismos,  o 

■  ser  adquiridas  en  un  banco  de  imágenes  o  solicitadas  al  propio  autor. 

Los  tipos  de  archivos  recomendados  para  utilizar  en  páginas  web  son  aquellos 
que  ocupan  poco  lugar  en  el  disco  y  aun  así  conservan  la  calidad  de  imagen.  Los 
más  comunes  son: 


■  jpg 

Extensión  de  archivo  que  viene  de  la  sigla  en  inglés 
Joint  Photographic  Experts  Group  o  grupo  conjunto  de 
expertos  en  fotografía.  Este  grupo  de  expertos  creó 
este  estándar  de  compresión  de  archivos  fotográficos 
digitales  de  altísima  calidad. 


Loao  JPG 

¡1024x768  j 
Imaflen  JPEGj 


■  .gif 

Extensión  de  archivo  que  viene  de  la  sigla  en  inglés 
Graphics  Interchange  Format  o  formato  de  intercam¬ 
bio  de  gráficos.  GIF  es  un  formato  que  mantiene  la 
calidad  de  las  imágenes  conformadas  por  una  paleta 
de  256  colores. 


Logo  GIF 

Imagen  GIF 
630x444 
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-  .png 

Extensión  de  archivo  que  viene  de  la  sigla  en  inglés 
Portable  NetWork  Graphics  o  gráficos  de  red  portátil.  Es 
un  formato  de  compresión  sin  pérdida  de  calidad  que 
supera  algunas  de  las  deficiencias  de  los  archivos  .gif. 
Sin  embargo,  como  su  uso  no  es  tan  extendido,  algunos 
navegadores  no  lo  reconocen. 


Algunos  consejos  para  organizar  las  imágenes  en  el  servidor... 

■  Armar  un  directorio  o  carpeta  específica  para  las  imágenes. 

■  Nombrar  los  archivos  con  nombres  representativos  de  las  imágenes. 

■  No  usar  en  el  nombre  de  los  archivos  caracteres  extraños  o  tildes. 

■  Si  hay  una  secuencia  de  fotos,  es  conveniente  secuenciar  también  el  nom¬ 
bre  de  los  archivos. 


Embeber  en  una  página  web  imágenes,  fotografías  o  videos 


Con  el  desarrollo  de  la  llamada  Web  2.0  surgió  la  po¬ 
sibilidad  de  utilizar  imágenes,  fotografías  o  videos  &  P  i  GQSCT  álbumes  web 

que  están  alojadas  en  servidores  de  otras  páginas 
web.  Este  puede  ser  el  caso  de  sitios  tales  como  Flickr 
o  Picasa,  para  fotografías,  y  YouTube  para  videos. 


Estos  sitios  permiten  utilizar  imágenes  o  videos  que 
están  publicados  en  sus  sitios,  y  por  lo  tanto  alojados 
en  sus  servidores.  Es  decir,  esta  nueva  tecnología,  per¬ 
mite  que  insertemos  en  nuestra  página  una  línea  de 
código  que  "leerá"  el  contenido  de  otra  página,  permi¬ 
tiendo  así  acceder  a  la  imagen  o  video  sin  necesidad 
de  alojarla  en  un  servidor  propio. 


You 

Biroadcast  Yaursalí 


La  ventaja  de  embeber  imágenes  o  videos  es  que  no  tenemos  que  preocuparnos 
por  los  derechos  de  autor  de  esos  contenidos,  ni  por  el  espacio  que  ocuparán 
en  nuestro  servidor. 


Sin  embargo,  corremos  un  gran  riesgo:  si  el  sitio  donde  está  alojado  el  video  o  la 
imagen  retira  el  archivo,  nuestra  página  perderá  también  el  contenido. 


Vínculos  para  descargar  archivos  imprimibles 

Cuando  queremos  ofrecer  la  posibilidad  de  que  el  usuario  imprima  los  contenidos 
de  nuestra  página  web,  es  recomendable  generar  vínculos  desde  los  cuales  se 
descarguen  archivos  en  formato  PDF.  El  nombre  de  esta  extensión  proviene  del 
inglés  Portable  Document  Format  o  formato  de  documento  portátil. 
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Los  documentos  en  formato  PDF  están  pensados  fundamentalmente  para  optimizar 
la  impresión. 


También  debemos  tener  en  cuenta  que  generar  archivos  para  des¬ 
carga  e  impresión  en  formato  PDF  requiere  crear  este  tipo  de  ar¬ 
chivos. 
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■  Alvaro  Martínez  Echevarría,  Manual  práctico  de  HTML,  Universidad  Politécnica  de  Ma¬ 
drid,  España,  1995.  Versión  digital  en:  http://www-app.etsit.upm.es 

■  http://www.apache.org/ 
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